<template>
	<view style="background-color: #f8f4e9;">
		 <view v-html="content"></view>
	</view>
	 
</template>

<script>
	export default {
		data() {
			return {
				content:""
			}
		},
		onLoad(options) {
			this.getContent(options.id);
		},
		methods: {
			async getContent(id){
				try {
					const res = await uni.$http.get(`/home/getStoryContent/${id}`);
					console.log('完整响应数据:', res);
					if(res.statusCode !== 200){
						throw new Error(`HTTP错误，状态码：${res.statusCode}`);//会交给catch处理
					}
					if(res.statusCode === 200 && res.data.code === 1){
						this.content = res.data.data;
						console.log('获取到的内容数据:', this.content);
					}
					else {
					    // 业务逻辑错误处理
					    uni.showToast({
					      title: res.data.msg || '数据获取失败',
					      icon: 'none',
					      duration: 1500
					    });
					  }
				} catch (error) {
					// 网络错误处理
					console.error('请求发生错误:', error);
					uni.showToast({
					  title: '网络连接失败，请稍后重试',
					  icon: 'none',
					  duration: 1500
					});
				}
			}
		}
	}
</script>

<style>

</style>
